<template>
    <div class="warp lotteryHistory" style="box-shadow: none;">
        <div class="history-title">
            <span class="active">投注记录</span>
        </div>
        <div class="lotteryHistoryBody"></div>
        <div class="line" style="margin-top: 0px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <thead>
                    <tr>
                        <th>单号</th>
                        <th>投注时间</th>
                        <th>彩种</th>
                        <th>玩法</th>
                        <th>期号</th>
                        <th>投注号码(点击查看)</th>
                        <th>倍数</th>
                        <th>金额(元)</th>
                        <th>奖金(元)</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="order-history">
                    <tr data-code="{&quot;id&quot;:483570,&quot;wjorderId&quot;:&quot;81486FGH&quot;,&quot;actionNo&quot;:&quot;20180929012&quot;,&quot;sonName&quot;:&quot;\u548c\u503c&quot;,&quot;actionTime&quot;:1538188247,&quot;playedGroup&quot;:127,&quot;playedId&quot;:486,&quot;type&quot;:81,&quot;actionData&quot;:&quot;\u5927&quot;,&quot;beiShu&quot;:1,&quot;mode&quot;:&quot;1.000&quot;,&quot;actionNum&quot;:16,&quot;lotteryNo&quot;:&quot;&quot;,&quot;bonus&quot;:&quot;0.000&quot;,&quot;isDelete&quot;:0,&quot;kjTime&quot;:1538188678}">
                        <td><a onclick="ddxq(483570);" href="javascript:void(0)">81486FGH</a></td>
                        <td>10:30:47</td>
                        <td>安徽快3</td>
                        <td>
                                    整合_和值    </td>
                        <td>20180929012</td>
                        <td class="code-list">大</td>
                        <td>1倍</td>
                        <td>16</td>
                        <td>0.00</td>
                        <td>
                                    --
                                </td>
                    </tr>
                </tbody>

            </table>
            <div class="getMore"><a class="sqlist" href="/user_betRecord" title="查看更多投注记录" target="_blank">查看更多</a></div></div>
        

        <div class="clear"></div>
        

</div>
</template>

<script>
export default {
    name:"lotteryHistory",
    data(){
        return{

        }
    },
    computed:{

    },
    methods:{

    },
    components:{

    }
}
</script>

<style scoped>
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.history-title {
    background-color: #fff;
    height: 42px;
}
.history-title span {
    float: left;
    height: 40px;
    border-top: 2px solid transparent;
    line-height: 42px;
    color: #333;
    font-size: 12px;
    padding: 0 32px;
}
.history-title span.active {
    color: #F08436;
    border-color: #F08436;
}
.lotteryHistoryBody {
    min-height: 0px;
    max-height: 242px;
    overflow: hidden;
}
.line {
    margin-top: 10px;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
}
.line table tr th {
    height: 40px;
    line-height: 40px;
    background-color: #dedede;
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
.lotteryHistory table td {
    height: 34px;
    text-align: center;
    font-size: 14px;
    color: #646361;
    background: #fff;
}
.getMore {
    height: 42px;
    background: #fff;
    text-align: center;
    border-top: 1px solid #d3d2d2;
    margin-top: -1px;
    position: relative;
    z-index: 1;
}
.getMore a {
    display: inline-block;
    border-bottom: 1px solid #ff632c;
    font-size: 16px;
    color: #ff632c;
    line-height: 18px;
    height: 18px;
    margin-top: 10px;
    text-decoration: none;
}
.getMore a:hover {
    color: #646361;
    border: 0;
}
</style>
